<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Green Canamaster</title>
<meta name="description" content="">
<meta name="author" content="">

<!-- Favicons
    ================================================== -->
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png">

<!-- Bootstrap -->
<link rel="stylesheet" type="text/css"  href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="fonts/font-awesome/css/font-awesome.css">

<!-- Stylesheet
    ================================================== -->
<link rel="stylesheet" type="text/css"  href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/nivo-lightbox/nivo-lightbox.css">
<link rel="stylesheet" type="text/css" href="css/nivo-lightbox/default.css">

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>
<body id="page-top" >
<!-- Navigation
    ==========================================-->
<nav id="menu" class="navbar navbar-default navbar-fixed-top1">
  <div class="container"> 
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
     <a class="navbar-brand page-scroll" href="index.html"> <img src="img/Logo/logo_thrid.png" style="width:115px;height:90px;float:left"/></a> 
	 </div>
    
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav navbar-right">
        <li><a href="about.html" class="page-scroll">About Us</a></li>
        <!--<li><a href="#services" class="page-scroll">Services</a></li>-->
        <li><a href="product.html" class="page-scroll">Products</a></li>
        <!--<li><a href="#team" class="page-scroll">Team</a></li>-->
        <li><a href="contact.html" class="page-scroll">Contact Us</a></li>
      </ul>
    </div>
    <!-- /.navbar-collapse --> 
  </div>
</nav>
<!-- About Section -->
<div id="about" class="content">
  <div class="container">
    <div class="section-title text-center center">
      <h2>Our Company</h2>
      <hr>
    </div>
    <div class="row">
      <div class="col-xs-12 col-md-6 text-center"> <img src="img/about.jpg" class="img-responsive" alt=""> </div>
      <div class="col-xs-12 col-md-6">
        <div class="about-text">
          <h3>Title1</h3>
          <p>Company Description 1 Demo: 5ml Glass Container with PTFE Liner FEP Ultra Clear Pop Top Bottles</p>
          <h3>Title2</h3>
          <p>Company Description 2 Demo: Pre-roll Tube PTFE Teflon Sheet with Fiberglass PTFE Virgin White</p>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- Portfolio Section 
<div id="portfolio">
  <div class="container">
    <div class="section-title text-center center">
      <h2>Products</h2>
      <hr>
      <p>Products Solgan 1 Demo: Pre-roll Tube PTFE Teflon Sheet with Fiberglass</p>
    </div>
    <div class="categories">
      <ul class="cat">
        <li>
          <ol class="type">
            <li><a href="#" data-filter="*" class="active">All Products</a></li>
            <li><a href="#" data-filter=".bottles">Bottles</a></li>
            <li><a href="#" data-filter=".sheets">Sheets</a></li>
            <li><a href="#" data-filter=".boxes">Boxes</a></li>
          </ol>
        </li>
      </ul>
      <div class="clearfix"></div>
    </div>
    <div class="row">
      <div class="portfolio-items">
        <div class="col-sm-6 col-md-4 col-lg-4 bottles">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/01-large.jpg" title="5ml Glass Container with PTFE Liner" data-lightbox-gallery="gallery1">
              <div class="hover-text">
                <h4>5ml Glass Container with PTFE Liner</h4>
              </div>
              <img src="img/portfolio/01-small.jpg" class="img-responsive" alt="5ml Glass Container with PTFE Liner"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-4 col-lg-4 boxes">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/02-large.jpg" title="FEP Ultra Clear" data-lightbox-gallery="gallery1">
              <div class="hover-text">
                <h4>FEP Ultra Clear</h4>
              </div>
              <img src="img/portfolio/02-small.jpg" class="img-responsive" alt="FEP Ultra Clear"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-4 col-lg-4 bottles">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/03-large.jpg" title="Pop Top Bottles" data-lightbox-gallery="gallery1">
              <div class="hover-text">
                <h4>Pop Top Bottles</h4>
              </div>
              <img src="img/portfolio/03-small.jpg" class="img-responsive" alt="Pop Top Bottles"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-4 col-lg-4 sheets">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/04-large.jpg" title="PTFE Teflon Sheet with Fiberglass" data-lightbox-gallery="gallery1">
              <div class="hover-text">
                <h4>PTFE Teflon Sheet with Fiberglass</h4>
              </div>
              <img src="img/portfolio/04-small.jpg" class="img-responsive" alt="PTFE Teflon Sheet with Fiberglass"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-4 col-lg-4 boxes">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/05-large.jpg" title="PTFE Virgin White" data-lightbox-gallery="gallery1">
              <div class="hover-text">
                <h4>PTFE Virgin White</h4>
              </div>
              <img src="img/portfolio/05-small.jpg" class="img-responsive" alt="PTFE Virgin White"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-4 col-lg-4 bottles">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/06-large.jpg" title="Reverse Cap Bottles" data-lightbox-gallery="gallery1">
              <div class="hover-text">
                <h4>Reverse Cap Bottles</h4>
              </div>
              <img src="img/portfolio/06-small.jpg" class="img-responsive" alt="Reverse Cap Bottles"> </a> </div>
          </div>
        </div>
         <!--<div class="col-sm-6 col-md-4 col-lg-4 office">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/07-large.jpg" title="Project Title" data-lightbox-gallery="gallery1">
              <div class="hover-text">
                <h4>Project Name</h4>
              </div>
              <img src="img/portfolio/07-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
          </div>
        </div>
       <div class="col-sm-6 col-md-4 col-lg-4 residential">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/08-large.jpg" title="Project Title" data-lightbox-gallery="gallery1">
              <div class="hover-text">
                <h4>Project Name</h4>
              </div>
              <img src="img/portfolio/08-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-4 col-lg-4 commercial">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/09-large.jpg" title="Project Title" data-lightbox-gallery="gallery1">
              <div class="hover-text">
                <h4>Project Name</h4>
              </div>
              <img src="img/portfolio/09-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-4 col-lg-4 office">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/10-large.jpg" title="Project Title" data-lightbox-gallery="gallery1">
              <div class="hover-text">
                <h4>Project Name</h4>
              </div>
              <img src="img/portfolio/10-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-4 col-lg-4 office">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/11-large.jpg" title="Project Title" data-lightbox-gallery="gallery1">
              <div class="hover-text">
                <h4>Project Name</h4>
              </div>
              <img src="img/portfolio/11-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-4 col-lg-4 residential">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/12-large.jpg" title="Project Title" data-lightbox-gallery="gallery1">
              <div class="hover-text">
                <h4>Project Name</h4>
              </div>
              <img src="img/portfolio/12-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
          </div>-->
		  <!--
        </div>
      </div>
    </div>
  </div>
  
</div>
-->
<!-- Contact Section 
<div id="contact">
  <div class="container">
    <div class="section-title text-center">
      <h2>Contact Us</h2>
      <hr>
      <p>If you have any questions, please feel free to contact us.</p>
    </div>
    <div class="col-md-4">
      <h3>Contact Info</h3>
      <div class="contact-item"> <span>Address</span>
        <p>4321 California St,<br>
          San Francisco, CA 12345</p>
      </div>
      <div class="contact-item"> <span>Email</span>
        <p>info@company.com</p>
      </div>
      <div class="contact-item"> <span>Phone</span>
        <p> +1 123 456 1234</p>
      </div>
    </div>
    <div class="col-md-8">
      <h3>Leave us a message</h3>
      <form name="sentMessage" id="contactForm" novalidate>
        <div class="row">
          <div class="col-md-6">
            <div class="form-group">
              <input type="text" id="name" class="form-control" placeholder="Name" required="required">
              <p class="help-block text-danger"></p>
            </div>
          </div>
          <div class="col-md-6">
            <div class="form-group">
              <input type="email" id="email" class="form-control" placeholder="Email" required="required">
              <p class="help-block text-danger"></p>
            </div>
          </div>
        </div>
        <div class="form-group">
          <textarea name="message" id="message" class="form-control" rows="4" placeholder="Message" required></textarea>
          <p class="help-block text-danger"></p>
        </div>
        <div id="success"></div>
        <button type="submit" class="btn btn-custom btn-lg">Send Message</button>
      </form>
    </div>
  </div>
</div>
-->
<div id="footer">
  <div class="container text-center">
     <!--<div class="social">
      <ul>
        <li><a href="#"><i class="fa fa-facebook"></i></a></li>
        <li><a href="#"><i class="fa fa-twitter"></i></a></li>
        <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
        <li><a href="#"><i class="fa fa-pinterest"></i></a></li>
        <li><a href="#"><i class="fa fa-youtube"></i></a></li>
      </ul>
    </div>-->
    <div>
      <p>&copy; Green Canamaster. All rights reserved.</p>
    </div>
  </div>
</div>
<script type="text/javascript" src="js/jquery.1.11.1.js"></script> 
<script type="text/javascript" src="js/bootstrap.js"></script> 
<script type="text/javascript" src="js/SmoothScroll.js"></script> 
<script type="text/javascript" src="js/nivo-lightbox.js"></script> 
<script type="text/javascript" src="js/jquery.isotope.js"></script> 
<script type="text/javascript" src="js/jqBootstrapValidation.js"></script> 
<script type="text/javascript" src="js/contact_me.js"></script> 
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>
